<template>
  <div class="homewrap">
    <div class="lh-wrap">
      <div class="bebackprv">
        <input class="detailBackBtn" type="button" name="" id="" value="返回 商品详情" @click="backSubmit">
      </div>
      <div class="detailTitle">
        商品详情
      </div>
      <div class="detailCont" v-for="(item, index) of prodetail" :key="index">
        <strong class="detailLeftTitle">{{item.dtitle}}：</strong>
        <div class="detailRightCont">{{item.dcont}}</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ProDetail',
  data () {
    return {
      prodetail: [
        {
          dtitle: '商品编号',
          dcont: '20170912128976'
        },
        {
          dtitle: '商品名称',
          dcont: '猪猪侠笔记本'
        },
        {
          dtitle: '所属产品商',
          dcont: '原仓信息科技有限公司'
        },
        {
          dtitle: '授权IP',
          dcont: '猪猪侠'
        },
        {
          dtitle: '新增时间',
          dcont: '2018-12-12 12:12:12'
        }
      ]
    }
  },
  methods: {
    backSubmit () {
      this.$router.go(-1)
    }
  }
}
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.styl'
.homewrap
  padding 20px 20px 5px
  .lh-wrap
    min-width 960px
    box-sizing border-box
    background-color #fff
    padding 30px
    box-shadow 0px 2px 5px #e5e6ec
.bebackprv
  .detailBackBtn
    background-color #fff
    width 120px
    height 36px
    line-height 36px
    text-align center
    font-size 14px
    color #333
    border-radius 4px
    box-sizing border-box
    border 1px solid #ddd
    outline none
    cursor pointer
.detailTitle
  line-height 36px
  font-size 24px
  color #333333
  margin 10px 0 18px
.detailCont
  overflow hidden
  .detailLeftTitle
    line-height 36px
    width 100px
    font-size 14px
    font-weight 500
    color #333
    float left
  .detailRightCont
    white-space normal
    word-break break-all
    line-height 36px
    min-width 795px
    max-width 88.33%
    font-size 14px
    color #333
    float left
</style>
